import React from 'react'
import './Search.css'
import Logo from '../../images/logo.png'
import Shopping from '../../images/shopping.png'
//搜索组件
export default class Search extends React.Component{
    constructor(props){
        super(props)
        this.state={}
    }
    render(){
        return (
            <div className="topSearch">
			<div className="flex">
			{/* <!--logo--> */}
			<div className="logo">
				<img src={Logo}/>
			</div>
			{/* <!--地区--> */}
			<div className="area">
				<div className="dropdown">
				  <button className="btn btn-default dropdown-toggle borderNone" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
				    广州
				    <span className="caret"></span>
				  </button>
				  <ul className="dropdown-menu" aria-labelledby="dropdownMenu1">
				    <li><a href="http://www.seozihao.com">北京</a></li>
				    <li><a href="http://www.seozihao.com">四川</a></li>
				    <li><a href="http://www.seozihao.com">湖南</a></li>
				  </ul>
				</div>
			</div>
			{/* <!--搜索--> */}
			<div className="seac">
				<input type="text"  placeholder="手机开抢" /><button>搜索</button>
			</div>
			<div className="but">
				<button>一键客服</button>
				<button><img src={Shopping} alt=''/>
				<div className="font">
					3
				</div>
				购物车</button>
				
			</div>
			</div>
		</div>
        )
    }

}